﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>分组管理</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <!--bootStrop css 单选框样式-->
    <link rel="stylesheet" href="resources/scripts/assets/bootstrap/css/icheck-bootstrap.css">
    <!--bootStrop css 主样式-->
    <link rel="stylesheet" href="resources/scripts/assets/bootstrap/css/bootstrap.min.css">
    <!--loading样式-->
    <link rel="stylesheet" href="files/分组管理/loading.css">
    <!--jquery js-->
    <script src="resources/scripts/assets/js/jquery-2.2.3.min.js"></script>
    <!--bootStrop js-->
    <script src="resources/scripts/assets/bootstrap/js/bootstrap.min.js"></script>
    <!--angular js-->
    <script src="resources/scripts/angular/angular.min.js"></script>
    <!--自定义js-->
    <script src="files/分组管理/data.js"></script>
</head>
<body ng-app="fenZuGuanLi" ng-controller="fenZuGuanLiView" id="fenZuGuanLiView">
<div id="title"></div>
<div>
    <div class="pull-left col-md-offset-1 col-lg-offset-1 col-xs-offset-1 col-sm-offset-1">
        <span class="h4" style="color: #0a6cd6"><strong>随访组管理</strong></span>
        &nbsp;&nbsp;
        <a href="#" style="color: #FF6600" data-toggle="modal" data-target=".bs-example-modal-lg">
            <ins>新建随访组</ins>
        </a>
    </div>
    <div class="pull-right">
        <span id="state"></span>
        &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
    </div>
</div>
<h6 class="page-header"></h6>
<div style="width: 95%;background:rgba(149,151,157,0.14);text-align: center;margin:auto">
    <br/>
    <form class="form-inline">
        <div class="form-group col-lg-5 col-md-5 col-xs-5 col-sm-5">
            <label>负责人:</label>
            <input type="text" class="form-control" id="fuzeren" placeholder="负责人">
            <br/><br/>
            <label>开始日期:</label>
            <input type="date" class="form-control" id="startDate">~<input type="date" class="form-control"
                                                                           id="endDate">
        </div>
        <div class="form-group col-lg-3 col-md-3 col-xs-3 col-sm-3">
            <label>科室:</label>
            <select class="form-control">
                <option id="keshis">请选择</option>
            </select>
        </div>
        <div class="form-group col-lg-4 col-md-4 col-xs-4 col-sm-4">
            <label>状态:</label>
            <select class="form-control">
                <option>请选择</option>
                <option class="zhuangtai" value="开放">开放</option>
                <option class="zhuangtai" value="关闭">关闭</option>
            </select>
            <br/><br/>
            &emsp;&emsp;
            <input type="button" class="btn btn-info" value="检索" ng-click="retrieval()">
            <input type="reset" class="btn btn-info" value="清空">
        </div>
    </form>
    <br/>
    <br/>
    <br/>
    <br/>
    <br/>
</div>
<br/>
<div>
    <form class="col-xs-offset-0 col-lg-11">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="button" class="btn btn-info" value="编辑" ng-click="selectByFollowUpGroupId()">
        <input type="button" class="btn btn-info" value="删除" ng-click="remove('remove')">
    </form>
    <div class="spinner" style="padding-right: 0px">
        <br/>
        <div class="spinner-container container1">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container2">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container3">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
    </div>
    <br/><br/>
    <table class="table table-hover table-bordered" style="width: 95%;text-align: center;margin:auto">
        <tr style="background-color: #57bfda;color: #ecf0f1">
            <td><input type="checkbox" id="all"/></td>
            <td>名称</td>
            <td>入组率</td>
            <td>负责人</td>
            <td>状态</td>
            <td>科室</td>
            <td>创建日期</td>
        </tr>

        <tr ng-repeat="item in data" class="data">
            <td><input value="{{item.id}}" name="box" type="checkbox" class="check"></td>
            <td>{{item.name}}</td>
            <td>{{item.enrollmentRate}}</td>
            <td>{{item.personInCharge}}</td>
            <td>{{item.state}}</td>
            <td>{{item.responsibleDepartment}}</td>
            <td>{{item.creationTime}}</td>
        </tr>
    </table>
    <br/>
    <div>
        <div class="pull-left">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第{{pageData.page}}页/共{{pageData.remaining_pages}}页&nbsp;&nbsp;&nbsp;&nbsp;总共{{pageData.count}}条数据
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <span id="column"></span>
        </div>
        <div class="col-md-offset-9 col-lg-offset-8 col-xs-offset-8 col-sm-offset-8">
            <!--所有数据分页-->
            <a href style="text-decoration: none" ng-click="page('-1')" id="shangye">
                <div class="glyphicon glyphicon-step-backward"></div>
                上一页
            </a>
            <!--模糊查询分页-->
            <a href style="text-decoration: none;display: none" ng-click="pages('-1')" id="shangyes">
                <div class="glyphicon glyphicon-step-backward"></div>
                上一页
            </a>
            &nbsp;&nbsp;&nbsp;
            <!--所有数据分页-->
            <a href style="text-decoration: none" ng-click="page('+1')" id="xiaye">
                下一页
                <div class="glyphicon glyphicon-step-forward"></div>
            </a>
            <!--模糊查询分页-->
            <a href style="text-decoration: none;display: none" ng-click="pages('+1')" id="xiayes">
                下一页
                <div class="glyphicon glyphicon-step-forward"></div>
            </a>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <!--所有数据分页-->
            <a href style="text-decoration: none" ng-click="page()" id="weiye">
                尾页
                <div class="glyphicon glyphicon-forward"></div>
            </a>
            <!--模糊查询分页-->
            <a href style="text-decoration: none;display: none" ng-click="pages()" id="weiyes">
                尾页
                <div class="glyphicon glyphicon-forward"></div>
            </a>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            跳转到&nbsp;<input type="number" min="1" id="JumpPage" style="width: 10%"/>页
            &nbsp;&nbsp;
            <!--所有数据分页-->
            <input type="button" class="btn btn-info" style="width:12%;height:3%" value="跳转" ng-click="page('jump')"
                   id="tiaozhuanye">
            <!--模糊查询分页-->
            <input type="button" class="btn btn-info" style="width:12%;height:3%;display: none" value="跳转"
                   ng-click="pages('jump')"
                   id="tiaozhuanyes">
        </div>
    </div>
</div>
<!-- Modal -->
<div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">告知内容</h4>
            </div>
            <div class="modal-body">
                <h4>是否同意以下《知情通知书》内容</h4>
                <br/>
                <p>
                    一.
                    许可证授予工作室通配符授予您个人、非独占、不可转让、不可再授权的有限权利和许可证，允许您在设备上安装和使用许可材料的一个副本，供您个人使用("许可证")。
                    <br/>
                    工作室根据许可授予您的权利受本协议条款的约束，并且您只能在遵守所有适用条款的情况下使用许可。
                    <br/>
                    在任何情况下，您的用途仅限于个人和非商业用途。
                    <br/>
                    许可证自您接受本协议之日起生效。
                    <br/>
                    许可证不授予您对许可材料的任何所有权。
                    <br/><br/>
                    二.
                    许可条件您不得对许可材料或其任何部分进行以下任何操作:
                    <br/>
                    (a)商业使用;
                    <br/>
                    (b)以本协议未明确授权的方式复制、复制、分发、展示或使用;
                    <br/>
                    (c)出售、出租、租赁、许可、分发或以其他方式转让;
                    <br/>
                    (e)逆向工程，从源代码中派生、修改、改编、翻译、反编译或反编译源代码，或基于源代码进行派生;
                    <br/>
                    (f)删除、禁用、规避或修改其中包含的任何专有通知、标签或安全技术;
                </p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-info" onclick="NewFollowUp()">同意</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>
<!-- Modal -->
<div class="modal fade bs-example-modal-lg2" id="myModal2" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">编辑</h4>
            </div>
            <div class="modal-body" id="modal-body">
                <div id="div" class="pull-right"></div>
                <br/><br/>
                <div class="form-inline" ng-style="myStyle">
                    <div class="col-lg-4">
                        责任医院:<input type="text" class="form-control" ng-model="datas.responsibleHospital"
                                    value="datas.responsibleHospital">
                    </div>
                    <div class="col-lg-4">
                        科室:
                        <select class="select form-control">
                            <option id="keshi">请选择</option>
                        </select>
                    </div>
                    <div class="col-lg-4">
                        开始日期:<input type="date" class="form-control" ng-model="datas.startDate" value="datas.startDate">
                    </div>
                    <br/><br/>
                    <div class="col-lg-4">
                        结束日期:<input type="date" class="form-control" ng-model="datas.endDate" value="datas.endDate">
                    </div>
                    <div class="col-lg-4">
                        级别:
                        <select class="select2 form-control">
                            <option id="jibie">请选择</option>
                        </select>
                    </div>
                    <div class="col-lg-4">
                        联系电话:<input type="tel" class="form-control" ng-model="datas.contactNumber"
                                    value="datas.contactNumber">
                    </div>
                    <br/><br/>
                    <div class="col-lg-4">
                        负责人:<input type="text" class="form-control" ng-model="datas.personInCharge"
                                   value="datas.personInCharge">
                    </div>
                    <div class="col-lg-4">
                        名称:<input type="text" class="form-control" ng-model="datas.name" value="datas.name">
                    </div>
                    <div class="col-lg-4">
                        患者数量:<input type="tel" class="form-control" ng-model="datas.numberOfPatients"
                                    value="datas.numberOfPatients">
                    </div>
                    <br/><br/>
                    <div class="col-lg-4">
                        对照组:
                        <input type="text" class="form-control" ng-model="datas.controlGroup"
                               value="datas.controlGroup">
                    </div>
                    <div class="col-lg-4">
                        状态:
                        <select class="form-control" ng-model="datas.state">
                            <option>请选择</option>
                            <option value="开放">开放</option>
                            <option value="关闭">关闭</option>
                        </select>
                        <br/><br/>
                    </div>
                    <div class="col-lg-12">
                        背景:<textarea class="form-control" rows="9" style="width: 100%" ng-model="datas.background"
                                     value="datas.background"></textarea>
                    </div>
                    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
                </div>
            </div>
            <div class="modal-footer" id="buttons"></div>
        </div>
    </div>
</div>
</body>
</html>
